<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
    <style>
        .root {
            width: 400px;
            height: 400px;
            display: flex;
            flex-direction: column;
            position: relative;
        }

        header,
        footer {
            height: 100px;
            background-color: red;
        }

        main {
            flex: 1;
            background-color: green;
            /* overflow: auto; */
        }

        main div {
            height: 100%;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="root">
        <header></header>
        <main>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A possimus praesentium sint ex, obcaecati repellat
            iure nihil explicabo nobis excepturi earum veniam dicta facere vitae officiis. Excepturi iusto mollitia
            deleniti.lore
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem iste aliquam nam saepe quia voluptates
            enim natus, repellendus fugiat itaque, vitae sapiente exercitationem aliquid perferendis velit incidunt
            ullam quod illum?
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi quae fugit recusandae repellendus vitae!
            Corrupti minus quis excepturi perspiciatis culpa nesciunt, pariatur inventore consectetur, veritatis facere
            natus repellendus architecto. Corrupti!
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum hic nihil molestias, ipsam distinctio ab
            ad veniam asperiores. Ut suscipit dicta maiores delectus deserunt illum pariatur, error quaerat ad
            praesentium.
            <div>
            </div>
        </main>
        <footer>
            let life been with taka.
        </footer>
        <footer>
            <div>
                
            </div>
        </footer>
    </div>
</body>

</html>